

.el-menu--popup{
    .el-menu-item{
        background-color: #fff;
        i{
            margin-right: 5px;
        }
        i,span{
            color: rgba(49,58,70,.8);
        }
        &:hover{
            i,span{
                color:#409eff;
            }
        }
        &.is-active {
            background-color: #fff;
            &:before {
                content: '';
                top: 0;
                left: 0;
                bottom: 0;
                width: 4px;
                background-color: #fff;
                position: absolute;
            }
            i,span{
                color:#409eff;
            }
        }
    }

}
 .avue-sidebar{
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0,21,41,.08);
    .el-menu-item,.el-submenu__title{
      i,span{
        color: rgba(49,58,70,.8);
        padding-left: 10px;
      }
      &:hover{
          background: transparent;
          i,span{
             color:#409eff;
          }
      }
      &.is-active {
          &:before {
            left:auto;
            right: 0 ;
          }
          background-color: #f0f6ff;
          i,span{
              color:#409eff;
          }
      }
  }
  }
